<div>
  <div style="display: inline-block;margin-top:10px;">
    <form action="#"  class="form-inline">
      <div class="form-group" style="">
        <label> 日期：<input type="text" class="form-control" id="traceDate" style="width: 260px" placeholder="请选择查询日期"/></label>
      </div>
      <div class="form-group">
        <select class="multiselect form-control" (change)="changeDate($event)" style="width: 260px">
          <option value="-">请选择溯源时间</option>
          <option [value]="i" *ngFor="let date of traceDateArr;index as i;">{{date.monitorTime}} - {{type == '0'?'报警':'未报警'}}</option>
        </select>
      </div>
      <button type="button" class="btn btn-success" (click)="search()" >查询</button>
    </form>
  </div>
  <div class="box box-solid box-success">
    <div class="box-header with-border">
      <h3 class="box-title">预测信息</h3>
      <div class="box-tools">
        <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-plus" style="color: #fff;"></i>
        </button>
      </div>
    </div>
    <div class="box-body"  *ngIf="suggest" style="max-height: 300px;overflow: auto; ">
    {{suggest}}
    </div>
  </div>
  <div class="box box-solid box-success standSite">
    <div class="box-header with-border" >
      <h3 class="box-title">国控站</h3>
      <div class="box-tools">
        <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-plus" style="color: #fff;"></i>
        </button>
      </div>
    </div>
    <div class="box-body" *ngIf="siteName">
      <div class="one-peach-info-content"  style="border: none">
        <div class="one-peach-info-content-header">
          <span>{{siteName}}</span>
          <span [class]="'text-center one-bg-level'+standData.aqiLevel" style="color:#fff;border-radius: 2px;">{{standData.aqiLevelType}}</span>
        </div>
        <div class="one-peach-info-content-body">
          <ul class="list-inline one-peach-content-factor">
            <li style="width: 14%">
              <div>AQI</div>
              <div><span [class]="'one-bg-level'+polluteLevel(standData.aqi,'aqi')"></span><span>{{standData
                .aqi}}</span></div>
            </li>
            <li style="width: 14%">
              <div>PM2.5</div>
              <div><span [class]="'one-bg-level'+polluteLevel(standData.pm25,'pm25')"></span><span>{{standData.pm25}}</span></div>
            </li>
            <li style="width: 14%">
              <div>PM10</div>
              <div><span [class]="'one-bg-level'+polluteLevel(standData.pm10,'pm10')"></span><span>{{standData.pm10}}</span></div>
            </li>
            <li style="width: 14%">
              <div>NO<sub>2</sub></div>
              <div><span [class]="'one-bg-level'+polluteLevel(standData.no2,'no2')"></span><span>{{standData.no2}}</span></div>
            </li>
            <li style="width: 14%">
              <div>SO<sub>2</sub></div>
              <div><span [class]="'one-bg-level'+polluteLevel(standData.so2,'so2')"></span><span>{{standData.so2}}</span></div>

            </li>
            <li style="width: 14%">
              <div>CO</div>
              <div><span [class]="'one-bg-level'+polluteLevel(standData.co,'co')"></span><span>{{standData.co}}</span></div>
            </li>
            <li style="width: 11%">
              <div>O<sub>3</sub></div>
              <div><span [class]="'one-bg-level'+polluteLevel(standData.o3,'o3')"></span><span>{{standData
                .o3}}</span></div>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
  <div class="box box-solid box-success smallSite one-hide">
    <div class="box-header with-border" >
      <h3 class="box-title">小型站</h3>
      <div class="box-tools">
        <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-plus" style="color: #fff;"></i>
        </button>
      </div>
    </div>
    <div class="box-body">

    </div>
  </div>
  <div class="box box-solid box-success pollution one-hide">
    <div class="box-header with-border" >
      <h3 class="box-title">工业源</h3>
      <div class="box-tools">
        <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-plus" style="color: #fff;"></i>
        </button>
      </div>
  </div>
    <div class="box-body">

    </div>
  </div>
  <div class="box box-solid box-success raiseDust one-hide">
    <div class="box-header with-border">
      <h3 class="box-title">工地</h3>
      <div class="box-tools">
        <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-plus" style="color: #fff;"></i>
        </button>
      </div>
    </div>
    <div class="box-body">

    </div>
  </div>
  <!-- 正在加载 -->
  <div class="one-data-loadState-nomodal" *ngIf="isLoading" style="display: block;"></div>
</div>
